<template>
  <div class="py-4 container-fluid">
    <div class="row">
      <div class="col-12">
        <equip-card :types="types" />
      </div>
    </div>
    <div class="row">
      <type-board :types="types" />
      <div class="col-lg-4 col-md-6">
        <timeline-list
          class="h-100"
          title="设备操作记录"
          description="本月<i class='fa fa-arrow-up text-success' aria-hidden='true'></i>
        <span class='font-weight-bold'>24%</span> 设备操作量"
        >
          <timeline-item
            color="success"
            icon="cart"
            title="购入设备 #es4587938457"
            date-time="22 DEC 7:20 PM"
          />
          <TimelineItem
            color="warning"
            icon="credit-card"
            title="租出设备 #3762482638"
            date-time="22 DEC 11 PM"
          />
          <timeline-item
            color="success"
            icon="cart"
            title="购入设备 #es487978457"
            date-time="22 DEC 7:20 PM"
          />
          <TimelineItem
            color="danger"
            icon="basket"
            title="删除设备 #7384687249"
            date-time="20 DEC 2:20 AM"
          />
          <TimelineItem
            color="danger"
            icon="basket"
            title="删除设备 #4395133"
            date-time="20 DEC 2:20 AM"
          />
          <TimelineItem
            color="warning"
            icon="credit-card"
            title="租出设备 #3762482638"
            date-time="21 DEC 11 PM"
          />
        </timeline-list>
      </div>
    </div>
  </div>
</template>

<script>
import EquipCard from "./components/EquipCard.vue";
import TypeBoard from "./components/TypeBoard.vue";
import TimelineList from "./components/TimelineList.vue";
import TimelineItem from "./components/TimelineItem.vue";

export default {
  name: "tables",
  components: {
    EquipCard,
    TypeBoard,
    TimelineList,
    TimelineItem,
  },
  data() {
    return {
      types: [
        {
          num: 1,
          name: "特大机床",
          describe: "用于生产大型零件",
          number: "s4fw45434",
        },
        {
          num: 2,
          name: "小型机床",
          describe: "用户生产小型零件",
          number: "drt2542523",
        },
        {
          num: 3,
          name: "高端机床",
          describe: "超快生产，加快效率，非常高端",
          number: "dvf3424223",
        },
      ],
    };
  },
};
</script>
